<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            .nav{ background:#d19c9c; width:100%; height:100px; }
            .nav-under{ background:#d34040; width:100%; height:70px; }
            .container{ background:#ffffff; width:100%; height:180px;}
            .container-left1{ background:#3b7bb8; width:50%; height:50%;float: left;clear: left;}
            .container-left2{ background:#07355f; width:50%; height:50%;float: left;clear: left;}
            .container-right{ background:#4f798d; width:50%; height:100%;float: right;margin:-90 0 0 0;}
            .box{background:#a32379;width:100%; height:180px; }
            .box1{background:#460d33;width: 50%;height: 100%;float: left;}
            .box2{background:#7c2a61;width: 50%;height: 100%;float: right;}
            .footer{ background:#990000; width:100%; height:100px; }
            .footer-under{background:#98e289;width: 100%;height: 30px;}
        </style>
    </head>
    <body>
        <div class="nav">
            <div class="nav-under"></div>
        </div>
        <div class="container">
            <div class="container-left1"></div>
            <div class="container-left2"></div>
            <div class="container-right"></div>
        </div>
        <div class="box">
            <div class="box1"></div>
            <div class="box2"></div>
        </div>
        <div class="footer">
            <div class="footer-under"></div>
        </div>
    </body>
</html>